<template>
  <view>
    <view class="demo-jianju">goods1</view>
    <gg-box>
      <goods1></goods1>
    </gg-box>
    <view class="demo-jianju">goods2</view>
    <gg-box>
      <gg-block col="3">
        <goods2 price="9.99" img="/static/goods_list/face.jpg" label="拼团"></goods2>
      </gg-block>
      <gg-block col="3">
        <goods2 price="9.99" img="/static/goods_list/face.jpg" label="拼团"></goods2>
      </gg-block>
      <gg-block col="3">
        <goods2 price="9.99" img="/static/goods_list/face.jpg" label="拼团"></goods2>
      </gg-block>
    </gg-box>
    <view class="demo-jianju">goods3</view>
    <gg-box>
      <gg-block>
        <goods3></goods3>
      </gg-block>
    </gg-box>
    <view class="demo-jianju">goods4</view>
    <gg-box>
      <gg-block col="2">
        <goods4 />
      </gg-block>
      <gg-block col="2">
        <goods4 />

      </gg-block>
    </gg-box>
  </view>
</template>
<script>
import goods1 from '@/template/goods-list/goods1.vue';
import goods2 from '@/template/goods-list/goods2.vue';
import goods3 from '@/template/goods-list/goods3.vue';
import goods4 from '@/template/goods-list/goods4.vue';
export default {
  components: {
    goods1,
    goods2,
    goods3,
    goods4,
  },
  data() {
    return {};
  },
  created() { },
  methods: {}
};
</script>

<style>
.demo-jianju {
  width: 100%;
  padding: 20rpx 20rpx;
  font-weight: 600;
  background-color: #f1f1f1;
  font-size: 14px;
  box-sizing: border-box;
}
</style>
